

.bigscreen_bg {
  width: 100%;
  background: url(../../img/bigscreen/bg.png) center center no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-height:1080px) {
  @media screen and (max-width:1520px) {
    .border,.bigscreen_bg{
      height: 100vh;
    }
  }
  @media screen and (min-width:1520px) {
    .border,.bigscreen_bg{
      height: 13.5rem;
    }
  }
}

@media screen and (min-height:1080px) {
    .border,.bigscreen_bg{
      height: 100vh;
  }
}

.border {
  /* min-width: 1024px;
  max-width: 1920px; */
  /* height: 13.5rem; */
  background: url(../../img/bigscreen/border.png) center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  position: relative;
}
.border::before {
  position: absolute;
  content: "";
  width: 1.625rem;
  height: 0.5625rem;
  background: url(../../img/bigscreen/left.png) center center no-repeat;
  background-size: 100% 100%;
  left: 32%;
  top: 1.5%;
  opacity: 0.7;
}
.border::after {
  position: absolute;
  content: "";
  width: 1.625rem;
  height: 0.5625rem;
  background: url(../../img/bigscreen/right.png) center center no-repeat;
  background-size: 100% 100%;
  right: 32.5%;
  top: 1.5%;
  opacity: 0.7;
}
.border .title {
  position: absolute;
  color: white;
  font-size: .4rem;
  letter-spacing: 0.125rem;
  top: 0.8%;
  left: 50%;
  transform: translate(-50%, -2.5%);
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.border .time {
  position: absolute;
  color: #A4D5F7;
  font-size: 0.2rem;
  top: 7.3%;
  left: 50%;
  transform: translate(-50%, -7.3%);
}
.border .leftM {
  height: auto;
  padding-top: 50px;
  flex: 3;
}
.border .middleM {
  height: auto;
  padding-top: 50px;
  flex: 4;
  position: relative;
}
.border .middleM .midbottom {
  display: flex;
  height: 33%;
  margin-top: .125rem;
}
.border .rightM {
  height: auto;
  padding-top: 50px;
  flex: 3;
}

.invalidTip{
    position: absolute;
    top: 30%;
    left: 30%;
    right: 30%;
    color: #A4D5F7;
    font-size: 0.5rem;
    width: 40%;
    height: 10%;
    text-align: center;
    border: 1px solid #A4D5F7;
    padding-top: 0.2rem;
}
